<%@ page contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path;
%>
<script language="javascript" src="<%=basePath%>/script/jquery1.3.2.js"
	type="text/javascript"></script>
<script language="javascript" src="<%=basePath%>/script/header.js"
	type="text/javascript"></script>
<script language="javascript" src="<%=basePath%>/script/jquery.form.js"
	type="text/javascript"></script>
<script language="javascript"
	src="<%=basePath%>/script/jquery.jqtransform.js" type="text/javascript"></script>
<script language="javascript" src="<%=basePath%>/script/ajaxify.js"
	type="text/javascript"></script>
<script language="javascript"
	src="<%=basePath%>/script/jquery.pagination.js" type="text/javascript"></script>

<a style="DISPLAY: none; COLOR: #ffffff" href="#">Member details</a>

<%
	if (session.getAttribute("user") == null) {
%>
<div id="page-hdr">
	<a id="logo" title="Hyves - Always in touch with your friends"
		href="http://www.hyves.nl/"> <img
			class="inlineicon transparentpng" height="45"
			alt="Hyves - Always in touch with your friends"
			src="<%=basePath%>/images/ohimy-logo.png" width="272" /> </a>
	<div id="usr-optns">
		<form action="<%=basePath%>/user/login" method="post">
			<ul id="login-auth">
				<li>
					<label for="user.email">
						账号:
					</label>
					<input class="text-box" name="user.email" />
					<a href="<%=basePath%>/user/reg" style="font-size: 9px">马上注册</a>
				</li>
				<li>
					<label for="user.password">
						密码:
					</label>
					<input class="text-box" type="password" name="user.password" />
					<a href="#" style="font-size: 9px">忘记密码</a>
				</li>
			</ul>
			<button class="square" id="login-btn" name="btnLogin" type="submit">
				Ok
			</button>
		</form>
	</div>
	<%
		} else {
	%>
	<div id="page-hdr">
		<a id="logo" title="Hyves - Always in touch with your friends"
			href="http://www.hyves.nl/"><img
				class="inlineicon transparentpng" height="45"
				alt="Hyves - Always in touch with your friends"
				src="<%=basePath%>images/ohimy-logo.png" width="272" /> </a>
		<div id="usr-optns">
			<div class="avatar extra-small">
				<a class="avatar-link" title="${sessionScope.user.nick }"
					href="<%=basePath%>/profile/"><img
						class="avatar-img" alt="${sessionScope.user.nick }"
						src="<%=basePath%>/images/user-header/${sessionScope.user.header }" />
				</a>
			</div>
			<ul class="usr-optns-menu">
				<li>
					<a id="usr-optns-logout-link" href="<%=basePath%>/user/logout">退&nbsp;&nbsp;出</a>
				</li>
				<li class="user-optns-nickname">
					<a href="<%=basePath%>/profile/">${sessionScope.user.nick
						}(${sessionScope.user.fnumber })</a>
				</li>
			</ul>
		</div>
		<%
			}
		%>
		<form id="search" action="/" method="post">
			<label for="s">
				<a id="searchlabel" href="http://www.hyves.nl/search/">搜索:</a>
			</label>
			<input id="s" name="searchterms" />
			<button id="search-submit" type="submit"></button>
		</form>
		<div id="menu">
			<ul id="menu-items-list">
				<!-- home -->
				<li class="menu-item first" id="menu-home">
					<a class="sub-menu-title" href="<%=basePath%>/">主&nbsp;页</a>
					<div class="sub-menu">
						<div class="sub-menu-bg">
							<div class="sub-menu-bg-pimp">
								<ul>
									<li class="first">
										<a class="icon icon-bell action-icon-text"
											href="http://www.hyves.nl/">个人主页</a>
									</li>
									<li class="last">
										<a class="icon icon-house action-icon-text"
											href="http://www.hyves.nl/openhomepage/">公共主页</a>
									</li>
								</ul>
								<div class="sub-menu-bg-mf-pimp"></div>
							</div>
						</div>
					</div>
				</li>
				<!-- friends -->
				<li class="menu-item" id="menu-profile">
					<a class="sub-menu-title" href="http://www.hyves.nl/friends/">我&nbsp;的</a>
					<div class="sub-menu">
						<div class="sub-menu-bg">
							<div class="sub-menu-bg-pimp">
								<ul>
									<li class="first">
										<a class="icon icon-world action-icon-text"
											href="http://www.hyves.nl/friends/whowhatwhere/">WhoWhatWhere</a>
									</li>
									<li>
										<a class="icon icon-picture action-icon-text"
											href="http://www.hyves.nl/friends/photos/">随拍</a>
									</li>
									<li>
										<a class="icon icon-book-edit action-icon-text"
											href="http://www.hyves.nl/friends/blog/">小博客</a>
									</li>
									<li class="last">
										<a class="icon icon-star action-icon-text"
											href="http://www.hyves.nl/friends/tips/">提示</a>
									</li>
								</ul>
								<ul class="sub-menu-secondary">
									<li class="first">
										<a href="http://www.hyves.nl/friends/alphabetical/">管理好友</a>
									</li>
									<li>
										<a href="http://www.hyves.nl/map/friends/">On the map</a>
									</li>
									<li>
										<a href="http://www.hyves.nl/friends/birthdaycalendar/">生日</a>
									</li>
									<li>
										<a href="http://www.hyves.nl/friends/network/">网络</a>
									</li>
									<li>
										<a href="http://www.hyves.nl/messages/contacts/">联系人</a>
									</li>
								</ul>
								<ul class="sub-menu-secondary">
									<li class="first">
										<a href="http://www.hyves.nl/friends/networktool/">Are
											these friends of yours?</a>
									</li>
								</ul>
								<div class="sub-menu-bg-mf-pimp"></div>
							</div>
						</div>
					</div>
				</li>
				<!-- friends -->
				<li class="menu-item" id="menu-friend">
					<a class="sub-menu-title" href="http://www.hyves.nl/friends/">好&nbsp;友</a>
					<div class="sub-menu">
						<div class="sub-menu-bg">
							<div class="sub-menu-bg-pimp">
								<ul>
									<li class="first">
										<a class="icon icon-world action-icon-text"
											href="http://www.hyves.nl/friends/whowhatwhere/">WhoWhatWhere</a>
									</li>
									<li>
										<a class="icon icon-picture action-icon-text"
											href="http://www.hyves.nl/friends/photos/">随拍</a>
									</li>
									<li>
										<a class="icon icon-book-edit action-icon-text"
											href="http://www.hyves.nl/friends/blog/">小博客</a>
									</li>
									<li class="last">
										<a class="icon icon-star action-icon-text"
											href="http://www.hyves.nl/friends/tips/">提示</a>
									</li>
								</ul>
								<ul class="sub-menu-secondary">
									<li class="first">
										<a href="http://www.hyves.nl/friends/alphabetical/">管理好友</a>
									</li>
									<li>
										<a href="http://www.hyves.nl/map/friends/">On the map</a>
									</li>
									<li>
										<a href="http://www.hyves.nl/friends/birthdaycalendar/">生日</a>
									</li>
									<li>
										<a href="http://www.hyves.nl/friends/network/">网络</a>
									</li>
									<li>
										<a href="http://www.hyves.nl/messages/contacts/">联系人</a>
									</li>
								</ul>
								<ul class="sub-menu-secondary">
									<li class="first">
										<a href="http://www.hyves.nl/friends/networktool/">Are
											these friends of yours?</a>
									</li>
								</ul>
								<div class="sub-menu-bg-mf-pimp"></div>
							</div>
						</div>
					</div>
				</li>
				<!-- san -->
				<li class="menu-item" id="menu-hub">
					<a class="sub-menu-title" href="http://www.hyves.nl/hyves/">圈&nbsp;子</a>
					<div class="sub-menu">
						<div class="sub-menu-bg">
							<div class="sub-menu-bg-pimp">
								<ul>
									<li class="first">
										<a class="icon icon-group action-icon-text"
											href="http://www.hyves.nl/hyves/">Hyves</a>
									</li>
									<li>
										<a class="icon icon-drink action-icon-text"
											href="http://www.hyves.nl/spot/">Hangouts</a>
									</li>
									<li>
										<a class="icon icon-book-open action-icon-text"
											href="http://www.hyves.nl/school/">Schools</a>
									</li>
									<li>
										<a class="icon icon-award-star-gold-1 action-icon-text"
											href="http://www.hyves.nl/college/">Colleges</a>
									</li>
									<li>
										<a class="icon icon-company action-icon-text"
											href="http://www.hyves.nl/company/">Companies</a>
									</li>
									<li class="last">
										<a class="icon icon-ball action-icon-text"
											href="http://www.hyves.nl/club/">Clubs</a>
									</li>
								</ul>
								<ul class="sub-menu-secondary">
									<li class="first">
										<a href="http://www.hyves.nl/hyves/new/">Add a new group</a>
									</li>
								</ul>
								<div class="sub-menu-bg-mf-pimp"></div>
							</div>
						</div>
					</div>
				</li>
				<li class="menu-item" id="menu-hub">
					<a class="sub-menu-title" href="http://www.hyves.nl/hyves/">分&nbsp;类</a>
					<div class="sub-menu">
						<div class="sub-menu-bg">
							<div class="sub-menu-bg-pimp">
								<ul>
									<li class="first">
										<a class="icon icon-group action-icon-text"
											href="http://www.hyves.nl/hyves/">Hyves</a>
									</li>
									<li>
										<a class="icon icon-drink action-icon-text"
											href="http://www.hyves.nl/spot/">Hangouts</a>
									</li>
									<li>
										<a class="icon icon-book-open action-icon-text"
											href="http://www.hyves.nl/school/">Schools</a>
									</li>
									<li>
										<a class="icon icon-award-star-gold-1 action-icon-text"
											href="http://www.hyves.nl/college/">Colleges</a>
									</li>
									<li>
										<a class="icon icon-company action-icon-text"
											href="http://www.hyves.nl/company/">Companies</a>
									</li>
									<li class="last">
										<a class="icon icon-ball action-icon-text"
											href="http://www.hyves.nl/club/">Clubs</a>
									</li>
								</ul>
								<ul class="sub-menu-secondary">
									<li class="first">
										<a href="http://www.hyves.nl/hyves/new/">Add a new group</a>
									</li>
								</ul>
								<div class="sub-menu-bg-mf-pimp"></div>
							</div>
						</div>
					</div>
				</li>
				<li class="menu-item" id="menu-hub">
					<a class="sub-menu-title" href="http://www.hyves.nl/hyves/">资&nbsp;讯</a>
					<div class="sub-menu">
						<div class="sub-menu-bg">
							<div class="sub-menu-bg-pimp">
								<ul>
									<li class="first">
										<a class="icon icon-group action-icon-text"
											href="http://www.hyves.nl/hyves/">Hyves</a>
									</li>
									<li>
										<a class="icon icon-drink action-icon-text"
											href="http://www.hyves.nl/spot/">Hangouts</a>
									</li>
									<li>
										<a class="icon icon-book-open action-icon-text"
											href="http://www.hyves.nl/school/">Schools</a>
									</li>
									<li>
										<a class="icon icon-award-star-gold-1 action-icon-text"
											href="http://www.hyves.nl/college/">Colleges</a>
									</li>
									<li>
										<a class="icon icon-company action-icon-text"
											href="http://www.hyves.nl/company/">Companies</a>
									</li>
									<li class="last">
										<a class="icon icon-ball action-icon-text"
											href="http://www.hyves.nl/club/">Clubs</a>
									</li>
								</ul>
								<ul class="sub-menu-secondary">
									<li class="first">
										<a href="http://www.hyves.nl/hyves/new/">Add a new group</a>
									</li>
								</ul>
								<div class="sub-menu-bg-mf-pimp"></div>
							</div>
						</div>
					</div>
				</li>
				<li class="menu-item" id="menu-hub">
					<a class="sub-menu-title" href="http://www.hyves.nl/hyves/">新&nbsp;闻</a>
					<div class="sub-menu">
						<div class="sub-menu-bg">
							<div class="sub-menu-bg-pimp">
								<ul>
									<li class="first">
										<a class="icon icon-group action-icon-text"
											href="http://www.hyves.nl/hyves/">Hyves</a>
									</li>
									<li>
										<a class="icon icon-drink action-icon-text"
											href="http://www.hyves.nl/spot/">Hangouts</a>
									</li>
									<li>
										<a class="icon icon-book-open action-icon-text"
											href="http://www.hyves.nl/school/">Schools</a>
									</li>
									<li>
										<a class="icon icon-award-star-gold-1 action-icon-text"
											href="http://www.hyves.nl/college/">Colleges</a>
									</li>
									<li>
										<a class="icon icon-company action-icon-text"
											href="http://www.hyves.nl/company/">Companies</a>
									</li>
									<li class="last">
										<a class="icon icon-ball action-icon-text"
											href="http://www.hyves.nl/club/">Clubs</a>
									</li>
								</ul>
								<ul class="sub-menu-secondary">
									<li class="first">
										<a href="http://www.hyves.nl/hyves/new/">Add a new group</a>
									</li>
								</ul>
								<div class="sub-menu-bg-mf-pimp"></div>
							</div>
						</div>
					</div>
				</li>
				<!-- four 
			<li class="menu-item" id="menu-add">
				<a class="sub-menu-title" title="Add a menu item">+</a>
				<div class="sub-menu" id="sub-menu-add">
					<div class="sub-menu-bg">
						<div class="sub-menu-bg-pimp">
							<ul id="menu-items-add">
								<li class="first">
									<input class="menu-add-item disabled" disabled="disabled"
										type="checkbox" value="gadget" />
									<a class="sub-menu-title" id="a_cd0d3915"
										href="http://www.hyves.nl/gadgetgallery/">Gadgets</a>
								</li>
								<li>
									<input class="menu-add-item disabled" disabled="disabled"
										type="checkbox" value="photo" />
									<a class="sub-menu-title" href="http://www.hyves.nl/photos/">Photo</a>
								</li>
								<li>
									<input class="menu-add-item disabled" disabled="disabled"
										type="checkbox" value="video" />
									<a class="sub-menu-title" href="http://www.hyves.nl/video/">Videos</a>
								</li>
								<li>
									<input class="menu-add-item disabled" disabled="disabled"
										type="checkbox" value="music" />
									<a class="sub-menu-title" href="http://www.hyves.nl/Music/">Music</a>
								</li>
								<li>
									<input class="menu-add-item disabled" disabled="disabled"
										type="checkbox" value="chat" />
									<a class="sub-menu-title"
										href="http://www.hyves.nl/hyvesdesktop/">Chat</a>
								</li>
								<li>
									<input class="menu-add-item disabled" disabled="disabled"
										type="checkbox" value="games" />
									<a class="sub-menu-title" id="a_97df4936"
										href="http://www.hyves.nl/games/">Games</a>
								</li>
							</ul>
							<p id="sub-menu-add-action"></p>
							<div class="sub-menu-bg-mf-pimp"></div>
						</div>
					</div>
				</div>
			</li>-->
			</ul>
		</div>
		<!-- menu over -->
		<div class="menu-bg">
			<div class="menu-pix1"></div>
			<div class="menu-pix2"></div>
			<div class="menu-pix3"></div>
			<div class="menu-pix4"></div>
			<div class="menu-pix5"></div>
		</div>
	</div>
	<div id="page-hdr-bg">
		<div class="page-hdr-pix1"></div>
		<div class="page-hdr-pix2"></div>
		<div class="page-hdr-pix3"></div>
		<div class="page-hdr-pix4"></div>
		<div class="page-hdr-pix5"></div>
	</div>